＊＊＊　これ↑は、1987年 日本ファルコム発売の PC-8801mkIISR 用 ARPG「ソーサリアン」のタイトルのパロディです　＊＊＊

web6047　2020年 7月

プログラミングやRPG（作るほう）が好きな人の日記

このホームページは毎日 夜11時にアクセスできなくなります。 朝6時半に再開されます。（世の中のネット依存対策として） 2020/7/1よりURLは変更されました。旧URLの「homepage6047.sakura.ne.jp」にはアクセスできません。 URL は https でもアクセスできます。 黒猫画像はクリック（タッチ）すると消えます。 NO PC WEEK とは私自身の健康のために私のパソコンの使用を制限する期間です。

2020/7/26（日）

RPG試作 -[rpg]

前日の最後に紹介した「パレット」という方法で RPG の「コマンドウィンドウ」システムを作り始めましたが、なかなか手応えが良いような…

この試作がうまくいってくれるとありがたいんですが。。

（訪問者のどんなニーズと この記事がつながるか）

• RPG 開発に興味がある。
• プログラミングに興味がある。
• 日記を読みたい。

2020/7/25（土）

RPG試作 -[rpg]

私が最近取り組んでいる「RPG試作」について簡単に紹介します。

RPG というものは他のシューティングゲームやアクションゲーム、パズルゲームと違って、システムが複雑で膨大になる感じがしています。

私は小学生、中学生、高校生と、ずっと RPG開発 に取り組んできましたが、今思えば、ドンキホーテのように勝てない相手に向かっていたんだと思います。

結構難しい しくみが多く、子供～少年には無理なんじゃないかと思います。（シンプルで拡張性もあるプログラムは子供には難しい）

でも年を取った私も、今では体力がなくなって、最終的な完成版の RPG に到達するには、先の道のりがだいぶ遠い気がしています。

これまで作ってきた試作品 6 点を掲載します。

どの試作もわかりづらいもので、RPG自作 に興味がある皆さんの役にはあまり立たないと思いますが、「管理人はこういうことをやっている」程度にご覧ください。

（ゲームとして遊べるものはなく、すべて「ウィンドウ入力」の試作品です）

リンクをクリックして新しいウィンドウを開いて、それを閉じて戻ってきたとき、どこを見ていたのか分からなくなるので、クリックした部分は赤くハイライトされます。

試作を重ねたけど納得いかず、まだ続く…

…で、

これら試作を重ねてきましたが、それでも納得できません。

そのゲーム専用にゴリゴリ作って進むなら、こんなに悩みませんが、万能のシンプルの汎用の…といった「ザ・コマンドメニュー」みたいなものを作りたいので…。

描いて描いて描きまくるというような、絵描きがひたすら描いてはクシャクシャポイするみたいだなと、いろいろ作っていて思いました。

または漫画家が何度も原稿を描いては編集者に上げるんだけど、編集者はことごとく「面白くない」と言ってボツにするみたいな感じ。それを、一人でやってるみたいな。

でも望みは断たれていません。

最後に、新しい方法として「パレット」と名付けた方法を考えてみます。

このメモ書きの言わんとすることは、

• サブメニューが進むたびに、そのサブメニューの種別を決め、その種別により switch 構文で分岐し、処理する。
• サブメニュー１つ１つはパレットと名付けられた配列に収められ、
• パレットは、
• パレットの先のマス目を埋めたり（だれの？で決めたキャラのどうぐリストを次のメニューの項目にする）、
• マス目を増やしたり（やくそうは状況によってサブメニューが増える）
…できます。

今までの試作はオブジェクト指向になっていて、サブメニューのしくみも難しい感じでした。

もっと、

• オブジェクト指向を使わないでも実現できそうなもの。
• プログラミングの初心者の方にも理解できそうなもの。

…にしないと、と思って考えた方法で、これから試作するところです。

まったく新しい方法なので、楽しみです。

（訪問者のどんなニーズと この記事がつながるか）

• RPG 開発に興味がある。
• プログラミングに興味がある。
• 日記を読みたい。

2020/7/22（水）

間違い訂正 -[javascript]

2020/7/17（金）の日記で「JavaScript のクラス定義では super() は使えるけど、super.method() は使えない」と書きましたが、それは間違いで、super.method() は使えるようです。

（訪問者のどんなニーズと この記事がつながるか）

• JavaScript のオブジェクト指向に関心がある。
• プログラミングに関心がある。

2020/7/18（土）

RPG試作 スクリーンショットと、謎の言葉「INTKSBFS」 -[rpg]

RPG試作 スクリーンショット

ちょっと面白いかなと思って。

現在、内側のプログラムの流れを作っているので見た目はしょぼいですが…。

　

ドラクエっぽいですが、最終的にはドラクエと違うデザインにしようと思っています。

できること：

• サブメニューを設定できる。
• メッセージウィンドウは1文字ずつ表示でき、下まで行くとスクロールする。
• ステータスウィンドウは画像と文字を混在できる。そのキャラの顔とステータス、という感じに。

それらが、個人的なプログラムではなく、初心者の方が参考にできるプログラムになるよう気を付けているところがポイントです。

謎の言葉「INTKSBFS」

そのほか面白いものとしてこういうものもあります。

Ｉ・Ｎ・Ｔ・Ｋ・Ｓ・Ｂ・Ｆ・Ｓ

これは、私が日々 RPG を研究する中で考え出したもので、「面白い RPG を作るために抑えておくべき項目」の頭文字を並べたものです。

この項目を抑えればその RPG は面白く、成功する。というものです。

• I : 「維持」
  ゲームがゲームであるためには、「現状維持」をポイントとしてその「上げ下げ」が存在しているかどうか。
  野球など球技は相手チームとの接戦が白熱すると、たとえ負けても「いい試合だった」と満足できます。
  最近の RPG で多い「Aボタンを押していれば勝てる」というのはこの接戦がなく、つまらないです。
  いかに負けずに、現状維持できるか。それがゲームがゲームであるために必要なことです。
  そこだ！そこでやくそうをつかうんだ！！と横で叫ぶようなものでないと。
  そこでやくそうを使わないと、戦いのテンポ（現状維持）が崩れ、崩れると復帰が困難になります。
  アリーナが会心の一撃を出してくれれば！ヨシ出た！という白熱ッ
• N : 「なんと！ネタ」
  洞窟を抜けると新大陸だった。あれっそうなってんのか！と思う。
  洞窟を抜けると雪景色が広がっていた。びっくり！
  太陽の石と、雨雲の杖と、ロトの印を集めると、なんと虹のしずくを授けてもらえた！
  といったかんじのネタ。ネタバレのネタです。
• Ｔ : 「体験」
  RPG は物語の主人公になるとか、現実に存在しない魔法を使えるとか、幻想上の魔物と戦えるとか、お姫様を救出する役目が自分にあるとか、そういう疑似体験ができることが醍醐味です。
• K : 「子供」
  ドラクエがヒットした理由は、「海外の RPG というゲームがだいぶ面白いけど、小学生たちには難しい。もっと簡単にわかりやすくするには…」という人のための親切心で開発したところにあると思います。
  教育委員会（？）も、子供によくない残酷なゲームを問題視しているので、子供たちのために作るという意思が必要です。
  ファンタジーの王道「指輪物語（ロードオブザリング）」の作者の J.R.Rトールキンも、子供たちに聞かせるのを楽しみにして物語を作ったそうです。子供というのがキーワードになっているように思えます。
• S : 「幸せ」
  最近のゲームは残酷な描写が多かったりしています。最近でなくても昔からゲームというのは、小説や映画と違って、人間の幸せをあまり描いていない気がします。ゲームで登場人物に感情移入して泣くというのがあまりなかった気がします。それゆえにか わかりませんが、ゲームというのは世間では「遊び」であって、誰にでも感動を与える「芸術作品」「芸能作品」のような作品としてはあまり認知されていないと思います。これからの世の中、人と人との関わりでの幸せが希薄になることが心配されているというのもあるので、幸せの描写が求められています。
• B : 「冒険・危険」
  RPG は冒険譚なので、冒険が必要です。何かに挑むことが必要です。橋を渡ると強い敵がいる。それなのに橋を渡ってみるとか、毒の沼地が広大で死ぬかもしれないのに入っていくとか、強敵で勝てないかもしれないのに逃げずに戦うとか、そういう危険に挑むことをプレイヤーに行ってもらうことが面白さにつながると思います。
• F : 「2人プレイ」
  携帯端末で一人でもくもくと遊び続ける子供さん。みんなで１つのテレビ画面を見て「ギャハハハハ！」と笑いながら遊ぶことや、友達と夕方遅くまで夜７時前まで二人で夢中になって RPG で遊ぶ。そういう楽しい思い出を提供しないと。
• S: 「サービス精神」
  開発者が自分の名を上げる（有名になる）ことは重要ではありません。他社に負けないことも重要ではありません。それらは後からついてくるもので、そのために行う仕事ではないはずです。プレイヤーのためを思って、接客に近いものとして、どこまで遊びを提供できるか。
  今のゲームメーカーのような大きな組織でゲームを開発する場合、一人が勝手に「仕様変更」することは難しいんじゃないでしょうか。もうすでにモンスターイラストの 3DCG を大部分作ってもらっているのに、「プレイヤーのためを思ったら 2D イラストのほうがいい！」と言って変更はできません。でも少人数で作っているなら、そういうわがままも通りそうです。
  人に尽くすという行動は小回りの利かない大きな組織にはやりづらく、その組織のリーダーがどう考えているかが重要かなと思います。
  プレイヤーに尽くしたいという気持ちが ゲーム開発を成功させます。
  （ゲーム業界、メーカーについて書きましたが、私も昨今のゲーム業界について詳しいわけではないので、間違っているかもしれません。間違っていたらすみません）

INTKSBFS をローテーションして 1 日 1 項目で順次考えるようにすると、それぞれについて まんべんなく、アイデアを出し深く掘り下げることができます。

「アイエヌテー、ケーエスビーエフエス」と。

職場の「5S」みたいですね。「整理整頓清掃清潔しつけ」

面白いですかね？面白くない？

（訪問者のどんなニーズと この記事がつながるか）

• RPG開発に興味がある。
• 日記を読みたい。

2020/7/17（金）

今月の扉コンテンツ -[javascript]

毎月、私のこの Web ページではトップページの冒頭で自作の JavaScript プログラムやイラストを飾っています。

今月は、1987 年に発売された日本ファルコムのARPG 「ソーサリアン」のタイトル画面のパロディです。JavaScript で作成しました。

背景には星が降り注ぎ、テキストが 2 画面分表示されたあと、きらびやか なタイトルが大きく表示されます。

オリジナル（パロディした元製品）の動画は下のリンクで見られます。

キーワード「ソーサリアン PC-98 オープニング」で動画を検索（Bing）

パロディを作っていて感じた 日本ファルコムの芸術性

今回、オリジナルを細かいところまで再現する作業をしていて、他のゲームメーカーには見られなかったような芸術性に気づきました。

芸術性というか、「繊細」、「品が良い」、「センスが良い」というのかな…

そう感じたのは、テキストがじわじわと表示されるところを再現（プログラミング）しているときでした。

テキストは、[ 表示なし　→　だんだん青　→　だんだん明るい色　→　だんだん青　→　だんだん表示なし ]　という移り変わりで表示されます。

現在のコンピューターは 1677 万色以上表示できるので普通に なめらかにフェードイン／フェードアウトできますが、当時のコンピューター（PC-9801の古いもの）は表示色数が 8 色しかなかったので、「青を経由して本来の色を表示する」という工夫がよく行われていました。

たとえば、ファミコン版ドラゴンクエストなどでもフィールドから街に入るときなどは、

[ フィールドの明るい色　→　青　→　黒画面　→　青　→　街の明るい色 ]

という色変更でフェードイン／フェードアウトを再現しています。

今回のソーサリアンでは、「色変更」だけではなく「ドット操作」による「だんだん青」という表現が加えられています。

もちろんドラゴンクエストはファミコンなので処理速度の関係でドット操作できず、色を変えるだけになっていたのかもしれません。

真偽のほどはわかりませんが、ファルコムの「だんだん青」というひと手間を加えているところに他とは違う芸術性みたいなものを感じました。

限られた性能（表示式数8色等）のなかでアイデアと工夫によって何かを実現しようという確かな努力が、プレイヤーの心に訴えるところがあるんだと思います。

また、その工夫による「青を経由する」という技法が、高性能のフェードイン／フェードアウトにはない、特別で個性的な表現を作り出してもいます。

高性能だから高性能のままに なめらかなフェードイン／フェードアウトにするのではなく、その時、その場所に合うのであれば、「青を経由する」という過去に登場した技法を検討するというのも、良いことではないかと思います。

「普通にオープニングを見てゲームを遊ぶだけ」では気づきませんでしたが、今回のパロディを作るという作業によって、ファルコムが本当の意味で優位に立っていたことを垣間見ることができました。

JavaScript

このパロディ プログラムの説明です。

今までクラス定義はこの方法を使っていました。

function TestClass() {
    //constructor
    ...
}
TestClass.prototype.testMethod = function() {
    ...
}

しかし、今回は Java とよく似た方法を使いました。

TestClass {
    constructor() {
        ...
    }
    testMethod() {
        ...
    }
}

constructor() のなかで、super() は使えますが、メソッドの中で super.method() が使えないので（下記の追記参照）、extends でクラスの継承を行うときは、スーパークラス（継承元）のメソッドの内容を手動でコピーしなきゃなりません。

2020年7月22日追記：　super.method() 使えますね。間違えていました。（どこかのサイトで使えないみたいなことが書いてあった…昔の話かな）

でもそういうことも将来解決されちゃうと、JavaScript はどんどん Java そのものになっていきそうです。

プログラムリストは index.js です。

おてもとで動かすためのファイル一式はこちらです。↓

FILE	DOWNLOAD
おてもとで実行できるようにと思ってファイル一式をzipにしましたが、htmlファイルをクリックしてブラウザに開かせると、「Loading..」と表示したまま動かず、shift+ctrl+J でコンソールを見ると SecurityError: The operation is insecure. というエラーが出ています。 直接開くのではなく、Webサーバー経由で開けば同エラーは出ません。 お手軽なWebサーバーの立て方 難しいとは思いますが、こちらのサイトさんの「Chrome アプリ編」を参考にしてWebサーバーを立ち上げてみてください。そのアプリの設定画面のフォルダの指定で、zipを展開してできたフォルダを選び、表示されるURLにアクセスしてみてください。ページ上の simple.html をクリックすれば動くと思います。	202007-indexJS.zip 432 KB DOWNLOAD
公開 2020/7/17

index.js は全部で 438 行あります。

定義しているクラスは、App、TestImage の２つです。

クラス App のメソッドは execute、fadeImage、frame、draw、delay、loadImage、start、stop、onscrollx の 9 つです。

クラス TestImage のメソッドは draw の１つです。

HTML の onload などで、app = new App(..) とすれば、プログラムが実行されます。

（※下記は少し難しい内容です）

プログラムの流れをおおまかに説明します。

new App() で App のインスタンス（下記用語）が作成されるとき、そのコンストラクタ（下記用語）内でイベントハンドラ関数（下記用語） onscrollx がイベントではなく手動で呼ばれ、その中でメソッド（下記用語） start が呼ばれ、その中で setInterval が呼ばれます。

test() {
    app = new App();    //インスタンス作成
}
class App {
    constructor() {
        ...
        this.onscrollx();    //イベントハンドラ関数を手動で呼ぶ
        this.execute();
    }
    onscrollx() {
        ...
        this.start();
        ...
    }
    start() {
        ...
        setInterval( this.frame, 100 );    //アニメの1コマを実行
        ...
    }
    frame() {
        //背景の星を動かす
        ...
        //汎用的なアニメ処理
        ...
    }
    execute() {
        //背景の星のオブジェクトを 50 個生成
        ...
        //画像のプリロード
        ...
        //各種アニメを順次実行
        ...
    }
}

このプログラムは setInterval でアニメの1コマを実行しています。

setInterval は、メソッド frame を呼びます。frame は具体的に背景の星を動かすほか、「汎用的なアニメ処理」を行っています。

コンストラクタ内で手動でイベントハンドラ関数 onscrollx が呼ばれた後、メソッド execute が呼ばれます。

execute では背景の星のオブジェクトが 50 個生成されるほか、画像のプリロード、そして各種アニメが順次実行されます。

この「各種アニメが順次実行される」という動きは、 async, await, Promise などを使って実現しています。async, await, Promise は理解するのが少し難しいですが、これからおおまかに ゆるゆる で説明してみます。

次のプログラムは、関数 test を一時停止(await)して、別のことを行い(Promise)それが終わったら test を再開するプログラムです。

async function test() {
    ...
    await delay( 3000 );    //ここで一時停止して、
    ...
}
function delay( ms ) {
    return new Promise( function( tellOk ) {
        setTimeout( tellOk, ms );    //setTimeoutで ms 秒後に tellOk() を実行して「処理終了」を知らせると、delay の次行へ戻る。
    } );
}

システムがイベント発生時に event オブジェクトを引数にして、イベントハンドラ関数を自動的に呼ぶのと同じように、

Promise が tellOk 関数を引数にして、（Promiseの引数となっている）関数を自動的に呼びます。

event オブジェクトがプログラマーが作るのではなく、システムが作るのと同じように、

tellOk はプログラマーが作るのではなく、Promise が作るものです。その辺 混乱しないように…。

ここではわかりやすく tellOk （意味：Okと伝えなさい）と名付けていますが、一般的には resolve （意味：解決する）と呼ばれています。resolve は中学校の英語で習わなかったので意味がちょっとわかりませんが、tell ok ならわかるでしょう。

ちょっと余談ですが、この tellOk と名付ける前は Apple の Webサイトで初めて iMac を紹介したときのキャッチフレーズ「Say hello to iMac」みたいに「sayOkToPromise」にしようかとかいろいろ考えていました。

ホントに余談ですね。話は戻り、

↓同じことを async, await, Promise を使わないで実現することはたぶんできないのではと思います。

//×
function test() {
    ...
    delay( 3000 );
    ...
}

function delay( ms ) {
    //どう書く？　ここで setTimeout すると処理はすぐに delay の次行を実行してしまうし、
    //setTimeout で delay の次行にピンポイントで戻ることもできない…
}

↓async, await, Promise を使う他の例として、何かキーが押されたら次の行へ　という場合は、

async function test() {
    ...
    await hitAnyKey();    //ここで一時停止して、
    ...
}
function hitAnyKey( ms ) {
    return new Promise( function( tellOk ) {
        window.onkeydown = function( e ) {
            tellOk();    //キーダウンイベントにて、tellOk() で「処理終了」を知らせると、
                         //hitAnyKey の次行へ戻る。
        }
    } );
}

↑ゲームでよく使う - HIT ANY KEY - というくだり がこうやって実現できるのはうれしいですね。

↓今回のアニメ処理の場合は、

async execute() {
    ...
    await this.fadeImage( .. );    //１つのアニメを開始
    ...
}
fadeImage( .. ) {
    return new Promise( function( tellOk ) {
        //１つのアニメを定義し、配列 anms へ入れる。
        anm = {
            ...
            tellOk : tellOk,    //anm.tellOk は（この関数の引数の）tellOk という意味
        }
        this.anms.push( anm );
    }
}
frame() {    //frame は setInterval によりいつでも定期的に実行されている。
             //配列 anms に anm が入ってくると１つのアニメとして処理する。
    for( anms の各要素 anm ) {
        あるオブジェクトが持つ１つの値を増減させるような記述をここに書いている。
        （drawでそのオブジェクトを描けばアニメになる）
        その値が目的の値に到達したら、１つのアニメ終了。anm.tellOk() を行う。
        すると、execute の await の次行へ戻る。
    }
}

こうやってメソッド execute の中の各アニメがひとつひとつ順次実行されるわけです。

ちょっとわかりにくいところがあったかな…。

そのほか今回のプログラムでは async, await, Promise を使って、

• await で処理を止めて、画像の読み込み完了のタイミングで「処理終了」を知らせて await の次行へ戻る。（画像プリロード）
• アニメとアニメのあいだに少し間を置きたいので、await で処理を止めて、setTimeout を使って数秒後に「処理終了」を知らせて、await の次行へ移る。（delay関数）

といったことも行っています。

「await で処理を止めて…」と、まるで await 単体で処理が止まるかのような言い方をしていますが、正しくは、

「await 演算子が付いた関数は、Promise が返されるまで待機する」

です。

await を使うときはその上の関数に async を付けます。付けないと「await は使えない」というエラーになります。

（以上、少し難しい内容でした）

最後に、パロディが著作権としてどれくらい許されているのかについては当サイトの「パロディ作品（自作）の掲載の考え方」をご覧ください。

（訪問者のどんなニーズと この記事がつながるか）

• 今月の扉コンテンツどうやって作ってるの？
• 日記を読みたい。

2020/7/16（木）

歯磨きサポートプログラム -[shopping]

歯磨きをしている最中、「この部位 磨いたっけ？」と忘れてしまい、全部の歯を磨いたか不安になってしまうことがときどきあるので Windows のバッチファイル機能を使って「歯磨きサポートプログラム」を作成しました。

プログラムが 歯磨きする場所を「上の歯の奥」などと指示してくれるのでそれに従って歯磨きしていけば全部しっかり磨けます、というものです。

▼この動画は途中で音が鳴ります。

万一、使いたい方がいるなら下記の手順に従えばプログラムを体験できます。

今晩の歯磨きにいかがでしょうか。（冗談です）

1. 歯磨き物語ver1.bat を右クリックして「名前を付けてリンク先を保存」等して、保存します。ファイル名はそのまま 歯磨き物語ver1.bat にしてください。
2. 保存したら、そのファイルを…
   その前に注意事項：
   
   • このファイルは Windows に対していろいろ命令することが可能なファイル「バッチファイル」なので、何を行うファイルなのか事前に右クリックして「編集」を選び、中身を確認してください。（「編集」を選ぶと、下記手順3番と同じ画面が出るので3番と同じ操作をしてください）
   • 中身はプログラムなので、わかる人にしかわからない内容です。わからない人は残念ですがこのプログラムは実行しないでください。
   • 「このWebページの管理人は今までページを読んできて、だいたいこんなヤツだよ」と素性がわかる人は、まぁだいたい安心して実行してください。
   • ただし、その場合もこのWebページが何者かによって「かいざん」されていれば、プログラムの途中で format c:などと書いてあればディスクが壊れるので注意してください。（いかなる場合も私は責任を持てません）

   この注意事項を読んだら、ダブルクリックして実行します。

3. もし、「Windows によって PC が保護されました」という画面が出たら、「詳細情報」をクリックし、表示される「実行」ボタンを押します。
4. すると上の動画と同じ画面が表示されるので、画面の指示に従って歯磨きを始めてください。

ある程度カスタマイズできます。

• 「１つの部位につき15秒は短すぎる！」という場合は、ファイルを開くと「ユーザー設定」と書かれた場所があるので、そこで基本の秒数を変更できます。
  動画にある通り、最初に秒数を聞いてくるので、今日は念入りに、時間がないから今日だけ10秒にしよう、という一時的な変更もできます。
• 磨く順序を変えたい場合も、ファイルを開いて、所定の場所の行の並びを変えることで手順を変えられます。

（訪問者のどんなニーズと この記事がつながるか）

• 歯磨きが苦手。
• 日記を読みたい。

2020/7/12（日）

新型コロナ -[health]

NHKの7/12（日）のニュースで、

これっていったいどうなってるの？　ってかんじ…。

東京都で、4日間、200人、200人、200人、200人！　合計800人！　これが初めてだと。

インフルエンザウイルスも、ワクチンがなかったらこうなってたってことかな…。（感染力の違いはあるけど）

ワクチンさえあれば、かな？

「ワクチンがない間は一切気を抜けません」ってことかな。それがそうだとすると、人類全員に周知させないといけないんじゃないかな。

（訪問者のどんなニーズと この記事がつながるか）

• 日記を読みたい。

2020/7/3（金）

「RPG試作」 -[rpg]

最近このページの最初の表「NO PC WEEK に代わる PC 使用制限のしくみ（β版）」の右端に作業内容として「RPG試作」と書いています。

これはRPGのいろいろな動きについて部分的に作っているということで、その中でも特に「サブメニュー」システムについて試行錯誤を行っています。

たとえばドラゴンクエストはAボタンを押すとコマンドメニューが開いて、「しらべる」とか「どうぐ＞どれを＞つかう」とかウィンドウがいくつか開いて、やりたいことを実行できるあれです。

（この記事は画像だけで、プログラムへのリンクはありません）

▼「ドラゴンクエストII」みたいなメニュー

このメニューの左から2番目「だれの？」の次のメニューが、「だれの？」で選んだキャラクターによって変化する（持ち物はキャラごとに異なる）、というのをシンプルにプログラムするにはどうすれば良いのか で悩んでいます。

メニューの内容が最初から静的に決め打ちできず、動的に変化するというのが難しい。

何も考えずにプログラムするなら、雑なプログラムでいくらでもそういうことはできると思いますが、

• プログラミングの初心者でもわかる
• シンプル（まわりくどくない、単純明快なプログラム）
• エレガント

などなど、気にしながらプログラムしようとすると、簡単にはいきません。

「エレガントなプログラム」という言葉は、私が昔、高専の情報工学科に通っていたころに、プログラムの先生が使っていた言葉です。

そういうところでこそ、そういう言葉が使われるってことですね。

私が、中学から高校への進路として高専を選んだ理由は単に「パソコンが好きだから」というだけで、それ以外のことは何も考えていませんでした。

何も考えていなかったせいか、パソコンにおぼれた生活を送ってしまい、学業がうまく回らずに中退の道へ流れてしまいました。それはさておき…

エレガントなプログラムを求めた１つの例として…

「だれの？」というメニューに、「次のメニュー（道具のリスト）を作成するための手掛かりとなる情報」を付与しておく。

キャラクターの選択が行われたとき、そのメニューに付与情報があるなら、その情報をもとにサブメニュー（道具のリスト）を作る…

andChainToプロパティを追加する。（付与情報）

{                              //コマンドメニューの項目のひとつ「どうぐ」 のデータ構造。
    title : "どうぐ",   
    subMenu : {                //「どうぐ」は、サブメニューとして「だれの？」を表示
        title : "だれの？",
        items : this.chars,    //キャラクターの名前を項目として並べる
        andChainTo : "dougus", //付与情報　その選択の後のメニューの構築のための情報。
    },
},

「and chain to」は「～にチェーンします」という意味です。（そういう英語があるかどうかは知りません）

「キャラを選択して終わりではなく、続いてそのキャラの道具を選びます」という意味になります。

プログラムのおおまかな流れで、サブメニューを開くかどうかという部分は、「選んだ項目が、items というメンバを持っている場合、サブメニューを開く」となっています。

if( selectedItem.items ) {
    menu.subMenu = new Menu( ... );
}

（ここで言う item はメニューの「項目」という意味です。「道具」ではないです）

items として this.chars を指定し、キャラクターを選ぶメニューを表示することができます。

しかし、this.chars は items というメンバを持っていないので、そこでメニューは止まってしまいます。（キャラを選択して終わり）

「ならば、メニューのために別途、this.chars をコピーして新しい配列を作り、items を加えればいい」というやり方も考えられます。しかし今はちょっとシンプルとエレガントを求めていて、「コピーして新しい配列を作る」というのはあまりエレガントではないので採用できません。

Menu というプログラムの道具は「さまざまなメニューに使える」という汎用性を考えて作り始めました。

今回はその Menu に andChainTo という付与情報を加えることを考えました。

しかし、それが「Menu の本来の動きに必要のないもの」と（私によって）判断されることも将来的にはあります。

そう判断された場合、ゲームの中のちょっとした都合で使うというものは Menu の中には入れたくないので排除することになります。きびしく聞こえますが、これは私の個人的なこだわりではなく、Menu など「汎用的に」作ろうとするものがこの先プログラミングを続けていく中で、障害物になるかどうかに関わっていると思います。

まぁ、気楽に作りたいというときに、そういう難しい考え方はうるさく聞こえるので、やはり個人個人の考え方・やり方によるものだと思います。

いろいろ脱線しましたが、最近行っている「RPG試作」の内訳の話をしているところでした。

「サブメニュー」システムを作っていて、そのほか、 F キーを押すとフルスクリーンになるとか、ゲームパッドに対応しているとか…前にも日記に書いたかもしれませんが、そんなことをやっています。

▼フルスクリーンに対応

グラフィカルな、目を引くイケイケの画面は後回しです。

あと、大事なことだと思いますが、このページの最初の「NO PC WEEK に代わる PC 使用制限のしくみ（β版）」の表の実施により、私の日ごろのプログラミングの時間は、かつての１０分の１（10%）くらいまで減っていますが、生産性（量ではなく質）が上がっています。

• 今まで出てこなかったアイデアが浮かぶことがある。
• 落ち着いて考えながら、無駄のない生産ができる。
• 生活が壊れていないので、将来性がある。（生活を壊してしまっている人は将来自分で作ったものを人前に出て公開するといった行動が取りづらい）

（訪問者のどんなニーズと この記事がつながるか）

• RPG開発に興味がある。
• プログラムについて考えたい。
• 日記を読みたい。